Using the Marks Card in Tableau

Topic: Using the Marks Card in Tableau

Learning Objective: Understand the Marks card, learn how to control the appearance of data marks, and use Color, Size, Label, Detail, Tooltip, and Shape to create meaningful and interactive visualizations.

Tableau Course: JustAcademy Tableau Training

Course Demo: Register for a Tableau Course Demo

1. Introduction to the Marks Card

The Marks card is an important feature in Tableau that allows users to control how data appears in a visualization. It helps transform basic charts into informative visualizations by changing the color, size, shape, text, and additional details associated with individual marks.

A mark is a visual representation of data in a Tableau view. Depending on the visualization, a mark can be a bar, line, circle, square, text value, map symbol, or another visual element.

For example, in a sales chart, each bar can represent the sales of a product category. The Marks card can be used to color the bars by region, display sales values as labels, and add profit information to tooltips.

Example

Sales Dataset
     |
     v
Create a Tableau Chart
     |
     v
Open the Marks Card
     |
     |-- Color
     |-- Size
     |-- Label
     |-- Detail
     |-- Tooltip
     |-- Shape (when available)
     |
     v
Customize the Visualization

2. What Is a Mark in Tableau?

A mark is an individual graphical element used to represent data in a visualization. The type and number of marks depend on the selected chart, the fields in the view, and the level of detail in the data.

Examples of Marks

• Bar mark: Represents values using bars.
• Line mark: Connects data points to show trends.
• Circle mark: Represents individual observations or values.
• Square mark: Often used in heat maps and highlight tables.
• Text mark: Displays text or numerical values.
• Shape mark: Uses symbols to distinguish categories.
• Map mark: Represents geographic locations or areas.

Understanding marks is important because the Marks card changes how these elements communicate information.

3. Where Can You Find the Marks Card?

The Marks card is available in the Tableau worksheet authoring interface. It usually appears near the Rows and Columns shelves, although its exact position can vary with the Tableau version and workspace layout.

Steps to Locate the Marks Card

1. Open Tableau Desktop or a supported Tableau web authoring environment.
2. Connect to a dataset.
3. Open a worksheet.
4. Drag a dimension to Rows or Columns.
5. Drag a measure to create a visualization.
6. Locate the Marks card in the worksheet interface.
7. Use its controls to customize the marks in the view.

The available controls can vary depending on the mark type. For example, Shape is available for suitable mark configurations, while Path is available for Line and Polygon mark types.

4. Main Components of the Marks Card

The Marks card contains several properties that control the visual encoding of data.

5. Understanding Mark Type

The Mark Type menu determines how Tableau represents the data in the view. Tableau may automatically select a mark type based on the fields you use, or you can choose a suitable type manually.

Common Mark Types

• Automatic: Allows Tableau to choose a suitable mark type based on the current view.
• Bar: Compares values across categories.
• Line: Displays changes and trends, particularly over time.
• Circle: Shows individual values or observations.
• Square: Supports grid-based visualizations such as heat maps.
• Text: Displays textual or numerical information.
• Shape: Uses symbols to differentiate data members.
• Area: Displays filled regions to show trends or composition.
• Pie: Shows parts of a whole, when appropriate for the data.
• Map-related marks: Represent geographic data in supported views.

How to Change the Mark Type

1. Create a visualization in a worksheet.
2. Locate the Marks card.
3. Open the mark type drop-down menu.
4. Select the desired mark type.
5. Review the result and adjust other properties if needed.

Example: If you have created a sales visualization and want to show a trend across months, selecting Line may be more appropriate than Bar.

6. Using Color on the Marks Card

Color helps users distinguish categories, identify groups, and understand the magnitude or direction of values.

Ways to Use Color

• Assign a single color to all marks.
• Assign different colors to dimension members.
• Use a color gradient to represent a continuous measure.
• Customize the palette and the colors assigned to values.
• Adjust transparency and borders where supported.

Example: Color Sales by Region

Suppose you have a bar chart showing sales by category. You want each region to be represented by a different color.

1. Create a bar chart using Category and Sales.
2. Drag Region from the Data pane to Color on the Marks card.
3. Tableau assigns colors based on region membership.
4. Review the color legend to understand which color represents each region.
5. Use the Color menu to adjust the palette if necessary.

Using a Measure on Color

You can drag a measure such as Profit to Color. Tableau can then use color intensity or a color gradient to represent the measure's values, depending on the configuration.

Business use: A sales manager can quickly identify categories or regions with higher or lower profit.

Color Best Practices

• Use colors consistently throughout a workbook.
• Choose colors with sufficient contrast.
• Use categorical palettes for distinct groups and suitable sequential or diverging palettes for numerical measures.
• Do not rely on color alone to communicate important information.
• Keep the legend clear and understandable.
• Consider color-blind accessibility when choosing palettes.

7. Using Size on the Marks Card

The Size property changes the size of supported marks. It can also encode a data field so that values are represented by different sizes.

Two Ways to Use Size

Method 1: Manual sizing

1. Open the Marks card.
2. Click Size.
3. Move the slider to make supported marks larger or smaller.
4. Check that the marks remain easy to interpret.

Method 2: Data-driven sizing

1. Choose a suitable chart type, such as a circle-based view.
2. Drag a measure such as Sales to Size.
3. Tableau uses the values to determine the relative sizes of the marks.
4. Review the size legend, if displayed.

Example: Represent Sales Using Circle Size

The figures are illustrative. Actual mark sizes depend on the dataset, the view, and Tableau's size scaling.

Size Best Practices

• Use size to show meaningful differences.
• Avoid excessive size differences that hide smaller marks.
• Use a size legend when necessary.
• Choose a suitable mark type for the data being encoded.
• Remember that Size affects different mark types differently: circles become larger or smaller, bars become wider or narrower, and lines become thicker or thinner.

8. Using Label on the Marks Card

The Label property allows you to display text on marks. Labels may include dimension names, measure values, or other useful information.

Why Use Labels?

• Display numerical values directly on a chart.
• Identify important categories or data points.
• Reduce the need to hover over marks for basic information.
• Make selected comparisons easier to understand.

Example: Display Sales Values on Bars

1. Create a bar chart with Category and Sales.
2. Drag Sales to Label on the Marks card, or use the Label options to show mark labels.
3. Review the displayed values.
4. Adjust label formatting, font, alignment, and number formatting as needed.

Example Result

Label Best Practices

• Show labels when they add useful information.
• Avoid displaying too many labels in crowded charts.
• Format numbers consistently, such as currency or percentages.
• Choose readable font sizes and colors.
• Check for overlapping labels.
• Use tooltips for secondary information that would clutter the view.

9. Using Detail on the Marks Card

Detail adds information to the level of detail of a visualization. It allows Tableau to distinguish more individual data combinations without necessarily adding visible row or column headers.

How Detail Works

When you add a dimension to Detail, Tableau can create separate marks for the dimension's members within the existing view structure. The visible layout may remain similar, but the marks can represent more granular data.

Example: Add Customer Detail

Suppose you have a view showing sales by region. Each region appears as one aggregated mark. If you add Customer Name to Detail, Tableau may create separate marks for individual customers within each region, depending on the other fields and the mark type.

1. Create a chart using Region and Sales.
2. Drag Customer Name to Detail on the Marks card.
3. Observe how the marks and level of detail change.
4. Compare the result with the original aggregated view.

Detail Versus Rows and Columns

10. Using Tooltip on the Marks Card

A tooltip is a small information panel that appears when a user hovers over a mark. It provides additional details without permanently displaying all information in the visualization.

Information You Can Include

• Category or product name.
• Sales and profit values.
• Region or customer details.
• Order date or other relevant dates.
• Calculated fields and other useful contextual information.

How to Add Fields to a Tooltip

1. Create a visualization.
2. Drag a field such as Profit to Tooltip on the Marks card.
3. Click Tooltip to open the tooltip editor.
4. Arrange the text and field values.
5. Apply formatting and confirm the changes.
6. Hover over a mark to test the tooltip.

Example Tooltip

Product: Laptop
Category: Technology
Region: West
Sales: 60,000
Profit: 12,000

The example shows the kind of information a tooltip might contain. Actual values are determined by the connected dataset and the fields used in the view.

Tooltip Best Practices

• Include information that helps explain the mark.
• Keep the text concise and readable.
• Use meaningful field names and number formats.
• Avoid duplicating every visible field unnecessarily.
• Test tooltips by hovering over several marks.

11. Using Shape on the Marks Card

The Shape property allows users to represent dimension members using different symbols. It is useful when different categories need to be distinguished by shape rather than color alone.

Example: Represent Customer Segments

Suppose a company groups customers into Consumer, Corporate, and Home Office segments. You can use different shapes to distinguish the segments in a suitable view.

1. Create a visualization that supports shape marks, such as a scatter plot.
2. Choose Shape as the mark type when appropriate.
3. Drag Segment to Shape on the Marks card.
4. Review the shape legend.
5. Customize the assigned shapes if necessary.

Shape Best Practices

• Use a small number of easily distinguishable shapes.
• Make sure the shapes remain visible at the chosen size.
• Use a legend to explain what each shape represents.
• Combine shape with other encodings when it improves clarity.

12. Understanding Path on the Marks Card

Path is a property available for supported Line and Polygon mark types. It controls the order in which data points are connected, which is useful when the sequence of points matters.

Example: Connecting Points Over Time

When creating a line visualization, the data points should be connected in the intended order. A suitable date or sequence field can help establish that order when used with the view configuration.

General Steps

1. Create a visualization using a Line or Polygon mark type.
2. Identify the field that defines the sequence or connection order.
3. Drag the appropriate field to Path if the view requires it.
4. Review the order of connected marks.

Path is not available for every mark type, so its presence depends on the current visualization.

13. Adding Multiple Fields to Marks Card Properties

Some Marks card properties can contain multiple fields. This makes it possible to add more detail to a view, but it is important to understand which properties allow multiple fields.

When adding a new field to Color, Tableau may replace the existing field by default. In Tableau Desktop, holding Shift while dragging a new field to Color can allow an additional field to be added rather than replacing the existing one.

14. Practical Example: Sales Performance Dashboard

Project Goal: Create a sales performance visualization that shows category sales, highlights profit, and provides additional information on demand.

Sample Dataset

Note: These are illustrative values for practice, not actual business results.

Step 1: Create the Base Chart

1. Connect to the dataset.
2. Drag Category to Columns.
3. Drag Sales to Rows.
4. Choose Bar from the Marks card if necessary.

Step 2: Use Color

1. Drag Region to Color.
2. Review the color legend.
3. Choose a readable palette if necessary.

Step 3: Use Label

1. Drag Sales to Label.
2. Display the values on the bars if useful.
3. Format the sales values consistently.

Step 4: Use Tooltip

1. Drag Profit to Tooltip.
2. Add Category and Region if they are useful to the viewer.
3. Format the tooltip to make the information clear.

Step 5: Use Detail

1. Drag another relevant dimension, such as Product Name, to Detail if it exists in the dataset.
2. Check whether the marks become more granular.
3. Confirm that the additional detail supports the analysis.

Step 6: Review the Visualization

• Check whether colors are easy to distinguish.
• Ensure labels do not overlap.
• Confirm that the tooltip contains useful information.
• Verify the aggregation of Sales and Profit.
• Save the workbook and use the view in a dashboard if needed.

15. Marks Card and Different Chart Types

16. Common Mistakes When Using the Marks Card

Mistake 1: Using Too Many Colors

Problem: The chart becomes difficult to read.

Solution: Use a limited, consistent palette and only encode categories that matter.

Mistake 2: Displaying Too Many Labels

Problem: Labels overlap and make the visualization crowded.

Solution: Label only important marks or use tooltips for additional values.

Mistake 3: Using Size Without a Clear Purpose

Problem: The differences between marks may be misleading or hard to interpret.

Solution: Use size to represent a meaningful measure and review the size legend.

Mistake 4: Adding Too Much Detail

Problem: The number of marks increases, and the view becomes cluttered.

Solution: Add only the dimensions required to answer the business question.

Mistake 5: Ignoring Tooltips

Problem: Users may not have access to important context about individual marks.

Solution: Add concise, useful fields to Tooltip and test the result.

Mistake 6: Choosing an Unsuitable Mark Type

Problem: The chart does not communicate the data effectively.

Solution: Choose a mark type that matches the purpose of the analysis.

17. Best Practices for Using the Marks Card

• Start with a clear business question.
• Choose a mark type that suits the data and comparison.
• Use Color to distinguish meaningful groups or show measure values.
• Use Size only when relative magnitude adds value.
• Use Label for essential values rather than every available field.
• Use Detail when you need more granular marks without adding visible headers.
• Use Tooltip to provide supporting information on demand.
• Use Shape to distinguish a manageable number of categories.
• Keep legends clear and consistent.
• Use accessible color combinations and sufficient contrast.
• Check for overlapping marks, labels, and misleading visual emphasis.
• Verify the aggregation and level of detail before interpreting the results.

18. Interview Questions and Answers

Q1. What is the Marks card in Tableau?

Answer: The Marks card controls the appearance and visual encoding of marks in a view, including color, size, shape, text, detail, and tooltips.

Q2. What is a mark in Tableau?

Answer: A mark is an individual visual element representing data, such as a bar, line, circle, square, or text value.

Q3. What is the purpose of Color?

Answer: Color distinguishes categories or represents the magnitude of a measure using a color scale.

Q4. What is the purpose of Size?

Answer: Size changes the size of supported marks or represents data values through relative mark sizes.

Q5. How do you display sales values on a bar chart?

Answer: Drag Sales to Label on the Marks card or enable mark labels through the Label options.

Q6. What is the difference between Detail and Label?

Answer: Detail adds granularity to the view and may create more marks. Label displays text on the marks.

Q7. What is a tooltip?

Answer: A tooltip displays additional information when a user hovers over a mark.

Q8. How can you use Shape?

Answer: Drag a dimension to Shape in a suitable view to assign different symbols to its members.

Q9. Can you add multiple fields to the Marks card?

Answer: Yes. Properties such as Color, Label, Detail, and Tooltip can support multiple fields. Size and Shape support one field at a time.

Q10. What is the difference between Color and Shape?

Answer: Color distinguishes marks using color, while Shape distinguishes marks using different symbols.

Q11. Why might adding a dimension to Detail increase the number of marks?

Answer: The dimension can introduce additional data granularity, causing Tableau to represent more distinct combinations as separate marks.

Q12. When should you use a tooltip instead of a label?

Answer: Use a tooltip for supporting information that users need occasionally. Use labels for essential values that should remain visible in the chart.

19. Practice Exercises

1. Create a bar chart and use Color to distinguish regions.
2. Add Sales to Label and display the values on the bars.
3. Create a circle-based view and use Size to represent Sales.
4. Use Profit on Color to highlight differences in profitability.
5. Add Customer Name to Detail and observe the change in granularity.
6. Add Category and Profit to Tooltip and test the tooltip.
7. Create a suitable shape-based view and use Shape to distinguish customer segments.
8. Compare a chart with labels enabled and disabled.
9. Reduce the number of colors and evaluate whether the chart is easier to read.
10. Build a small sales performance worksheet using Color, Label, Detail, and Tooltip.

20. Quick Revision Notes

• Marks card: Controls the visual representation of data marks.
• Mark type: Determines whether marks appear as bars, lines, circles, text, and other supported types.
• Color: Distinguishes categories or encodes numerical values.
• Size: Changes mark size or represents magnitude.
• Label: Displays text directly on marks.
• Detail: Adds granularity to the level of detail.
• Tooltip: Displays additional information on hover.
• Shape: Distinguishes members using symbols.
• Path: Controls point connection order for supported Line or Polygon marks.
• Best practice: Use visual encodings purposefully and avoid clutter.

21. Final Checklist

• ☐ I can locate and use the Marks card.
• ☐ I understand what marks represent.
• ☐ I can change the mark type.
• ☐ I can apply Color to a dimension or measure.
• ☐ I can use Size to represent values.
• ☐ I can display labels on marks.
• ☐ I understand how Detail changes granularity.
• ☐ I can customize tooltips.
• ☐ I can use Shape in a suitable visualization.
• ☐ I can choose appropriate mark properties for a business question.
• ☐ I can identify and correct common visualization mistakes.

22. Conclusion

The Marks card is one of the most useful tools for customizing visualizations in Tableau. It helps users control mark types and communicate information through color, size, labels, detail, tooltips, and shape. By applying these properties thoughtfully, you can make dashboards easier to understand, reveal patterns in business data, and provide users with additional information without overcrowding the view.

To continue learning Tableau, visit JustAcademy Tableau Training or Register for a Tableau Course Demo.

23. Official References

• Tableau Help: Shelves and Cards Reference
• Tableau Help: Control the Appearance of Marks in the View
• Tableau Help: Add Detail
• Tableau Help: Parts of the View